<!DOCTYPE html>
<html lang="en">
  <head>
  
    <meta charset="utf-8">
    <title> Metfind</title>
	<link rel="shortcut icon" type="image/x-icon" href="/logoM2.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Aplicación web-móvil con la que un negocio puede conocer la opinión de sus clientes acerca de sus productos, servicios y empleados.">
    <meta name="author" content="Metfind ltda.">

    <!-- Le styles -->
    <link href="http://www.metfind.com/assets/home/css/bootstrap.css" rel="stylesheet">
	<link href="http://www.metfind.com/assets/home/css/bootstrap-responsive.css" rel="stylesheet">
	<link href="http://www.metfind.com/assets/home/css/style.css" rel="stylesheet">
	<link href="http://www.metfind.com/assets/home/css/style-responsive.css" rel="stylesheet">
	<link href="http://www.metfind.com/assets/home/css/iconfont.css" rel="stylesheet">
	
	<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,400italic,500italic' rel='stylesheet' type='text/css'><!-- Google Web Fonts - Roboto -->
	<link href="http://www.metfind.com/assets/home/css/animate.min.css" rel="stylesheet"> <!-- Animated CSS  -->
	<link href="http://www.metfind.com/assets/home/css/flexslider.css" rel="stylesheet"> <!-- Flexslider CSS  -->
	<link rel="stylesheet" href="http://www.metfind.com/assets/home/css/prettyPhoto.css" type="text/css" media="screen" /> <!-- PrettyPhoto CSS -->
	<link rel="stylesheet" href="http://www.metfind.com/assets/home/css/hopscotch-0.1.2.min.css" type="text/css" media="screen" /> <!-- Hopscotch Take Tour CSS -->
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://www.metfind.com/assets/home/img/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.metfind.com/assets/home/img/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.metfind.com/assets/home/img/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="http://www.metfind.com/assets/home/img/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="http://www.metfind.com/assets/home/img/ico/favicon.png">
  </head>

  <body>
  
  	<!-- Begin Main Container Section -->
	<div id="home" class="main-container">
		
		<!-- Top Nav -->
		<section id="top-nav">
		
		    <div class="katemi-nav navbar navbar-inverse navbar-fixed-top">
		      <div class="navbar-inner">
		        <div class="container">
		          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		          </button>
		          <a class="brand" href="#"><img src="http://www.metfind.com/assets/home/img/logo.png" alt="logo"/></a>
		          <div class="nav-collapse collapse">
		            <ul class="nav nav-pills pull-right">
			          <li class="active"><a href="#home">Inicio</a></li>
			          <li><a href="#marketing">Como funciona</a></li>
			          <!--  <li><a href="#featurettes"></a></li>-->
			        <li><a href="#annotations">Características</a></li>
			         <!-- <li><a href="#lower-content">Precios</a></li>-->
			          <li><a href="#contactModal" class="unscroll" data-toggle="modal">Contacto</a></li>
			        </ul>
		          </div><!--/.nav-collapse -->
		        </div>
		      </div>
		    </div>
	    
		</section>
		<!--/ #top-nav-->
	    
		<!-- Head Banner Section -->
		<section id="head-banner" class="dark-bg">
	    
		    <div class="container">
		
		     	<div class="row">
		     	
		     		<div class="span12" id="tour-1">
		     		
		     			<h1 class="tagline centered normal">Bienvenido a <span class="bolder">Metfind</span></h1>
		     			<!--<h3 class="centered lighter">Porque tus clientes son lo más importante</h3>-->
		     		
		     		</div>
		     		
		     		<!--
		     		<div class="span12 head-cta">
		     			
		     			<div class="row-fluid">
		     			
				     		<div class="span6">
				     			
				     			<a href="#" id="startTourBtn" class="medium-btn green-btn pull-right">Tomar un tur</a>
				     			
				     		</div>
				     		
				     		<div class="span6">
				     			
				     			<a href="#" class="medium-btn yellow-btn pull-left">Registrate</a>
				     			
				     		</div>
		     		
		     			</div>
		     		
		     		</div>  .head-cta -->
		     	
		     		<div class="span12 product-teaser">
		     		
		     			<div class="row-fluid">
		     			
		     				<div class="span3 left-desc">
		     				
		     					<!--<p class="product-teaser-title">Lorem ipsum dolor sit amet</p>
		     					<p class="product-teaser-desc">Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est commodo.</p>
		     				-->
		     				</div>
		     				
		     				<div class="span6" id="tour-2">
		     					
		     					<a href="http://www.youtube.com/watch?v=W4WL8B79m5M" id="video1" title=""><!-- Link to your youtube/vimeo video -->
				 					<span class="play-button animated bounceIn" ></span>
				 					<img class="center-image" src="http://www.metfind.com/assets/home/img/ss.png" alt=""/>
		     					</a>
		     					
		     				</div>
		     				
		     				<div class="span3 right-desc">
		     				<!--
		     					<p class="product-teaser-title">Lorem ipsum dolor sit amet</p>
		     					<p class="product-teaser-desc">Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est commodo.</p>
		     				-->
		     				</div>
		     			
		     			</div>
		     		
		     		</div> <!--/ .product-teaser -->
					
		     		
		     		<div class="span12 low-head-banner-wrapper" id="tour-3">
		     			
			     			<div class="centered">
	    				
			    				<h5 class="lighter centered">Conoce más de Metfind</h5>
			    				
			    				<hr class="title-line">
		    				
		    				</div>
		    				
		    				<div class="flexslider-low-head-banner">
		    				
			    				<ul class="slides">
			    				
			    					
			    					
			    					<li>
			    						<div class="row-fluid">
			    						

			    						<h5 class="lighter centered">Aplicación web-móvil con la que un negocio puede conocer la opinión de sus clientes acerca de sus productos, servicios y empleados. Permitiéndole mejorar su calidad, imagen y tener una mejor toma de decisiones
											</h5>
<!--
											<div class="span12 testimonial">
											
											explicacione
											
											</div> <!--/ .testimonial -->
										
			    						</div>
			    					</li>
	
			    				</ul> <!--/ .slides -->
			    				
		    				</div> <!--/ .flexslider-low-head-banner -->
						
						</div> <!--/ .low-head-banner-wrapper -->
		     	
		     	</div> <!--/ .row -->
		
		    </div> <!-- / .container -->
	    
		</section>
		<!--/ #head-banner -->
		
	
		<section id="marketing">
	    
		    <div class="container">
		
		     	<div class="row">
		     		<div class="span12 centered section-title-wrapper">
		     		
		     			 <!--<h3 class="section-title">¿Cómo funciona <span class="normal">Metfind?</span></h3>
		     			
		     			-->
		     		
		     		</div>
		  
		     		
		     		<div class="span4 marketing-content centered">
		     		
			     		<img class="marketing-icon" src="http://www.metfind.com/assets/home/img/settings.png" alt="Marketing Icon"/>
		     			
		     			<h5>Configura tú negocio</h5>
		     			
		     			<p>Registra tu negocio en Metfind, configura la información de tus productos, servicios y empleados. Luego personaliza tu identificador QR y ubícalo en los lugares de tu negocio donde será visto por tu clientes. </p>
		     		
		     		</div> <!--/ .marketing-content -->
		     		
		     		<div class="span4 marketing-content centered">
		     		
			     		<img class="marketing-icon" src="http://www.metfind.com/assets/home/img/phone.png" alt="Marketing Icon"/>
		     			
		     			<h5>Evaluación directa y privada</h5>
		     			
		     			<p>Tus clientes podrán opinar y evaluar tus productos, servicios y empleados, con tan solo un click al escanear tu identificador. Mejorando tu imagen y satisfacción de tus clientes.</p>
		     		
		     		</div> <!--/ .marketing-content -->
		     		
		     		<div class="span4 marketing-content centered">
		     		
			     		<img class="marketing-icon" src="http://www.metfind.com/assets/home/img/keyframes.png" alt="Marketing Icon"/>
		     			
		     			<h5>Fortalece y Mejora</h5>
		     			
		     			<p>En base a los datos recibidos puedes generar informes y estadísticas que te ayuden a potenciar tus fortalezas y solucionar tus problemas para mejorar tu calidad de servicio.</p>

		     		</div> <!--/ .marketing-content -->
		     	
		     		
		     	
		     	</div><!--/ .row -->
		
		    </div> <!-- / .container -->
	    
		</section>
		<!--/ #marketing -->
		
		
		<!-- Horizontal Line -->
		<div class="container">
		
			<div class="row">
			
				<div class="span12">
				
					<hr class="content-hr">
				</div>
				
			</div> <!--/ .row -->
			
		</div> <!--/ .container -->
		<!--/ END Horizontal Line -->
		<!-- Annotations Section -->
		<section id="annotations">
	    
		    <div class="container">
		
		     	<div class="row" style="margin: 0 0">
		     	
		     		<!--<div class="span12 centered section-title-wrapper">
		     		
		     			<h3 class="section-title">Características<span class="normal"></span></h3>
		     	
		     		</div>

		     		<div class="span4 left-annotation">
		     		</div>-->
		     		<div class="span12" style="overflow:auto;text-align:left;margin:10px 0px ;height:242px;border:1px solid green;background-color:rgba(130,130,130,0.03);padding-left:15px" >
						
						<div style="display:block;float:left;width:40%;">
							<h3>Identificador</h3>
						
							<p>
								Puedes elegir entre nuestros modelos prediseñados o diseñar el tuyo propio.
								<br> Estos identificadores cuentan con un Código QR que tus clientes pueden escanear para comenzar a evaluar directamente.
							</p>
						</div>
						<img width="16%" height="20%" style="margin:0px 0px;display:block;float:right" class="center-image" id="tour-5" src="http://www.metfind.com/assets/home/img/d1.png" alt="iPhone Annotations" />
						<img width="18%" height="20%" style="margin:0px 0px;display:block;float:right" class="center-image" id="tour-5" src="http://www.metfind.com/assets/home/img/ciudadpapel1.jpg" alt="iPhone Annotations" />
						<img width="13%" height="20%" style="margin:0px 0px;display:block;float:right" class="center-image" id="tour-5" src="http://www.metfind.com/assets/home/img/qrvaso.jpg" alt="iPhone Annotations" />
					</div>
					
					
					<div class="span12" style="overflow:auto;text-align:left;margin:10px 0px;height:210px;border:1px solid green;background-color:rgba(130,130,130,0.03);padding-left:15px">			
						<div style="display:block;float:left;width:40%">
							<h3>Mensajes de texto</h3>
						
							<p>
								Puedes enviar un mensaje personalizado a tus clientes, con un link a tu perfil en el sistema.
								<br> Al hacer click sobre este link, tu cliente podrá comenzar a evaluar, sin importar que tipo de smartphone este usando.
							</p>
						</div>
						<img width="32%" height="20%"style="margin:0px 0px;display:block;float:right" class="center-image" id="tour-5" src="http://www.metfind.com/assets/home/img/sms2.jpg" alt="iPhone Annotations" />
						<img width="16%" height="20%"style="margin:0px 0px;display:block;float:right" class="center-image" id="tour-5" src="http://www.metfind.com/assets/home/img/sms.jpg" alt="iPhone Annotations" />
						
		     		</div>
					
					<div class="span12" style="overflow:auto;text-align:left;margin:10px 0px;height:250px;border:1px solid green;background-color:rgba(130,130,130,0.03);padding-left:15px">			
						<div style="display:block;float:left;width:40%">
							<h3>Evaluaciones</h3>
						
							<p>
								Tus clientes pueden evaluar a tus empleados, tus servicios o dejar un comentario o sugerencia.
							<br>Ya sea desde un tablet o celular  Android, Iphone o Windows.
							</p>
						</div>
						<img width="28%" height="20%"style="margin:0px 0px;display:block;float:right" class="center-image" id="tour-6"  src="http://www.metfind.com/assets/home/img/screen_ipad.png" alt="iPhone Annotations" />
						<img width="10%" height="20%"style="margin:0px 0px;display:block;float:right" class="center-image" id="tour-5" src="http://www.metfind.com/assets/home/img/iphone-black.png" alt="iPhone Annotations" />
						
		     		</div>
				
					<div class="span12" style="overflow:auto;text-align:left;margin:10px 0px;height:191px;border:1px solid green;background-color:rgba(130,130,130,0.03);padding-left:15px">			
						<div style="display:block;float:left;width:40%">
							<h3 >Información privada</h3>
						
							<p>
								Con las evaluaciones y comentarios de tus clientes se generarán informes y estadísticas que te serán entregadas de forma privada.
							<br>Puede ser en distintos formatos y a distintos e-mails.
							</p>
						</div>
						<img width="30%" height="20%"style="margin:0px 0px;display:block;float:right" class="center-image" id="tour-5" src="http://www.metfind.com/assets/home/img/e1.png" alt="iPhone Annotations" />
						<img width="20%" height="20%"style="margin:0px 0px;display:block;float:right" class="center-image" id="tour-6"  src="http://www.metfind.com/assets/home/img/e2.jpg" alt="iPhone Annotations" />
						
		     		</div>
					
					

		     	
		     	</div><!--/ .row -->
		
		    </div> <!-- / .container -->
	    
		</section>
		<!--/ #annotations -->
		
		<!-- Featurettes Section -->
		<!--<section id="featurettes">
	    
		    <div class="container">
		
		     	<!--<div class="row">
		     	
		     		<div class="span12 centered section-title-wrapper" id="tour-4">
		     		
		     			<h3 class="section-title">See All New <span class="normal">Katemi Features</span></h3>
		     			
		     			<p class="section-subtitle">Nullam id dolor id nibh ultricies vehicula ut id elit. Curabitur blandit tempus porttitor. Donec id elit non mi porta gravida at eget metus.</p>
		     		
		     		</div>
		     		
		     		
		     		<div class="span6 featurettes-content">
		     		
		     			<h4>Pro Support. <span class="lighter">All your problems will solved quickly with Live Chat support.</span></h4>
		     			<a href="http://www.metfind.com/assets/home/img/teehanlax.jpg" rel="prettyPhoto[gallery]" title="You can add caption to pictures.">
    						<span class="span6 rollover" ></span>
    						<img id="tour-5" class="center-image" src="http://www.metfind.com/assets/home/img/screenshot.png" alt="feature"/>
    					</a>
		     					     			
		     			<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas faucibus mollis interdum. Maecenas faucibus mollis interdum.</p>
		     			
		     			<a href="#" class="large-link">Learn More</a>
		     		
		     		</div>
		     		
		     		<div class="span6 featurettes-content">
		     		
		     			<h4>Mobile First. <span class="lighter">Never lose your potential customer, sign them on the go.</span></h4>
		     			<div class="row-fluid featurettes-inner-section">
		     			
		     				<div class="span6" id="tour-6">
		     				
		     					<div class="flexslider-featurettes">

				 					<ul class="slides">
					 					<li>
						 					<img class="center-image" src="http://www.metfind.com/assets/home/img/iphone-ss1.png" alt="feature"/>
					 					</li>
					 					<li>
						 					<img class="center-image" src="http://www.metfind.com/assets/home/img/iphone-ss2.png" alt="feature"/>
					 					</li>
				 					</ul>
				 				
		     					</div> <!--/ .flexslider-featurettes 
		     					
		     				</div>
		     				
		     				<div class="span6">
		     				
		     					<ul class="checklist">
		    						<li class="green-list">Cras justo odio, dapibus ac facilisis in, egestas eget quam.</li>
		    						<li class="green-list">Nullam quis risus eget urna leo.</li>
		    						<li class="green-list">Pellentesque ornare sem lacinia quam venenatis vestibulum.</li>
		    						<li class="green-list">Nullam quis risus eget urna leo.</li>
		    					</ul><!--/ .checklist 
		     				
		     				</div>
		     				
		     			</div>
		     			
		     			<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas faucibus mollis interdum. Maecenas faucibus mollis interdum.</p>
		     			
		     			<a href="#" class="large-link">Learn More</a>
		     		
		     		</div>
		     		
		     	
		     	</div><!--/ .row 
		
		    </div> <!-- / .container 
	    
		</section>
		<!--/ #featurettes -->
		
		
		<!-- Horizontal Line 
		<div class="container">
		
			<div class="row">
			
				<div class="span12">
				
					<hr class="content-hr">
				</div>
				
			</div> <!--/ .row 
			
		</div> <!--/ .container -->
		<!--/ END Horizontal Line -->
		
		
		<!-- Annotations Section -->
		<!--
		<section id="annotations">
	    
		    <div class="container">
		
		     	<div class="row">
		     	
		     		<div class="span12 centered section-title-wrapper">
		     		
		     			<h3 class="section-title">Let's Take <span class="normal">a Closer Look</span></h3>
		     			
		     			<p class="section-subtitle">Nullam id dolor id nibh ultricies vehicula ut id elit. Curabitur blandit tempus porttitor. Donec id elit non mi porta gravida at eget metus.</p>
		     		
		     		</div>
		     	
		     		<div class="span12">
		     		
		     			<a class="annotation-link product-dot1" href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Pharetra Mattis Vestibulum Fringilla Fusce"></a>
		     			<a class="annotation-link product-dot2" href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor."></a>
		     			<a class="annotation-link product-dot3" href="#" data-toggle="tooltip" data-placement="right" title="" data-original-title="Cras mattis consectetur purus sit amet fermentum."></a>
		     			<a class="annotation-link product-dot4" href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum."></a>
		     			<a class="annotation-link product-dot5" href="#" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum."></a>
		     			<a class="annotation-link product-dot6" href="#" data-toggle="tooltip" data-placement="right" title="" data-original-title="Cras mattis consectetur purus sit amet fermentum."></a>
		     			<a class="annotation-link product-dot7" href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum."></a>
		     			<a class="annotation-link product-dot8" href="#" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum."></a>
		     			<img id="tour-7" class="center-image" src="http://www.metfind.com/assets/home/img/big-ss.png" alt="annotation" />
		     		
		     		</div>
		     	
		     	</div><!--/ .row 
		
		    </div> <!-- / .container 
	    
		</section>
		<!--/ #annotations
		
		
		<!-- Horizontal Line -->
		<div class="container">
		
			<div class="row">
			
				<div class="span12">
				
				</div>
				
			</div> <!--/ .row -->
			
		</div> <!--/ .container -->
		<!--/ END Horizontal Line -->
		
		
		<!-- Lower Content Section 
		<section id="lower-content">
	    
		    <div class="container">
		
		     	<div class="row">
		     	
		     		<div class="span12 centered section-title-wrapper">
		     		
		     			<h3 class="section-title">See Plans <span class="normal">and Pricing</span></h3>
		     			
		     			<p class="section-subtitle">Nullam id dolor id nibh ultricies vehicula ut id elit. Curabitur blandit tempus porttitor. Donec id elit non mi porta gravida at eget metus.</p>
		     		
		     		</div>
		     	
		     		<div class="span3 pricing-table centered">
			  
						<div class="pricing-head">
					  
							<h5>Bronze</h5>
							
							<div class="the-price">
						  
								<h1>$10<span class="subscript">/mo</span></h1>
								
								<small>1 month FREE trial</small>
							
							</div> <!--/ .the-price -->
					  
						</div> <!--/ .pricing-head
						
						<div class="pricing-content">
						
							<ul>
							  	<li>1 Account</li>
							  	<li>1 Project</li>
							  	<li>100K API Access</li>
							  	<li>100MB Storage</li>
							  	<li>Custom Cloud Services</li>
							  	<li>Performance Management</li>
							  	<li>Weekly Reports</li>
							</ul> 
							
						</div><!--/ .pricing-content 
						
						<div class="pricing-table-button">
							
							<a href="#" class="small-btn green-btn uppercase">Sign Up</a>
							
						</div>
				  
					</div> <!--/ .pricing-table
					
					<div class="span3 pricing-table centered">
			  
						<div class="pricing-head">
					  
							<h5>Silver</h5>
						  
							<div class="the-price">
						  
								<h1>$20<span class="subscript">/mo</span></h1>
								
								<small>1 month FREE trial</small>
							
							</div> <!--/ .the-price -->
					  
						</div> <!--/ .pricing-head 
						
						<div class="pricing-content">
						
							<ul>
							  	<li>2 Accounts</li>
							  	<li>5 Projects</li>
							  	<li>100K API Access</li>
							  	<li>200MB Storage</li>
							  	<li>Custom Cloud Services</li>
							  	<li>Performance Management</li>
							  	<li>Weekly Reports</li>
							</ul> 
							
						</div><!--/ .pricing-content 
						
						<div class="pricing-table-button">
							
							<a href="#" class="small-btn green-btn uppercase">Sign Up</a>
							
						</div>
				  
					</div> <!--/ .pricing-table 
					
					<div class="span3 pricing-table popular centered" id="tour-8">
			  
						<div class="pricing-head">
					  
							<h5>Gold</h5>
						  
							<div class="the-price">
						  
								<h1>$35<span class="subscript">/mo</span></h1>
								
								<small>1 month FREE trial</small>
							
							</div> / .the-price -->
					  
						</div> <!--/ .pricing-head 
						
						<div class="pricing-content">
						
							<ul>
							  	<li>5 Accountd</li>
							  	<li>20 Projectd</li>
							  	<li>300K API Access</li>
							  	<li>500MB Storage</li>
							  	<li>Custom Cloud Services</li>
							  	<li>Performance Management</li>
							  	<li>Weekly Reports</li>
							</ul> 
							
						</div><!--/ .pricing-content
						
						<div class="pricing-table-button">
							
							<a href="#" class="small-btn green-btn uppercase">Sign Up</a>
							
						</div>
				  
					</div> <!--/ .pricing-table
					
					<div class="span3 pricing-table centered">
			  
						<div class="pricing-head">
					  
							<h5>Platinum</h5>
						  
							<div class="the-price">
						  
								<h1>$55<span class="subscript">/mo</span></h1>
								
								<small>1 month FREE trial</small>
							
							</div> <!--/ .the-price -->
					  
						</div> <!--/ .pricing-head 
						
						<div class="pricing-content">
						
							<ul>
							  	<li>10 Accounts</li>
							  	<li>35 Project</li>
							  	<li>500K API Access</li>
							  	<li>1000MB Storage</li>
							  	<li>Custom Cloud Services</li>
							  	<li>Performance Management</li>
							  	<li>Weekly Reports</li>
							</ul> 
							
						</div><!--/ .pricing-content 
						
						<div class="pricing-table-button">
							
							<a href="#" class="small-btn green-btn uppercase">Sign Up</a>
							
						</div>
				  
					</div> <!--/ .pricing-table 
					
					<div class="span12 centered">
					
						<p style="margin: 20px 0;">Do you have any other ideas regarding the service plans? We'd love to hear from you! Let's <a href="#contactModal" data-toggle="modal" id="tour-9">Contact Us</a>.</p>
					
					</div>
		     	
		     	</div><!--/ .row 
		
		    </div> <!-- / .container 
	    
		</section>
		<!--/ #lower-content
		
		<!-- Breakline Section -->
		<section id="breakline" class="dark-bg">
	    
		    <div class="container">
		
		     	<div class="row">
		     	
		     		<div class="span7">
		     		
		     			<h3 class="centered normal">Dejanos tu email y se de los primeros en conocer más sobre Metfind  </h3>
		     		
		     		</div>
		     		
		     		<div class="span5" id="tour-10">
		     		
		     			<form id="subscribe_form" action="<?php echo base_url()?>mail/susbcribe" method="post">
					        <input id="subscribe_email" class="subscribe-input" to="<?php echo base_url()?>mail/subscribe" placeholder="Ingresa tú email..." type="text" value="" name="subscribe">
					        <input id="subscribe_btn" class="subscribe-submit yellow-btn" type="submit" value="Subscribir">
					        						        
					    </form><!--/ #subscribe_form -->
					    
					    <!-- Alert Message for Subscribe Form -->
						<div class="row-fluid">		  				
				  			<div class="subscribe-alert">
				  			
					  			<div class="alert alert-error form-error-message" id="subscribe_error">
									<button type="button" class="close" data-dismiss="alert">&times;</button>
									<span class="alert-icon"><i class="icon-fire icon-white"></i></span>
									<strong>Error!</strong> Porfavor ingresa un email valido.
								</div>  
								
								<div class="alert alert-success form-error-message" id="subscribe_success">
									  <button type="button" class="close" data-dismiss="alert">&times;</button>
									  <span class="alert-icon"><i class="icon-thumbs-up icon-white"></i></span>
									  <strong>Ok!</strong> Te has suscrito.
								</div>  				
								
								<div class="alert form-error-message" id="subscribe_fail">
								  	<button type="button" class="close" data-dismiss="alert">&times;</button>
								  	<span class="alert-icon"><i class="icon-bullhorn icon-white"></i></span>
								  	<strong>Ups!</strong> A ocurrido un error al registrar tu email
								</div>   			
								
				  			</div>
		  				</div>			
				  		<!-- END Alert Message for Subscribe Form -->
					    
					    <p class="subscribe-text centered">* No te preocupes por suscribirte. Nosotros tambien odiamos el spam!</p>
		     		
		     		</div>
		     		
		     	
		     	</div><!--/ .row -->
		
		    </div> <!-- / .container -->
	    
		</section>
		<!--/ #breakline -->
		
		
		<!-- Contact Modal -->
		<div id="contactModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		
			<div class="modal-header">
			
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h5 class="modal-label">Contáctenos</h5>
				
			</div> <!--/ .modal-header -->
			
			<div class="modal-body contact-form-container">
			
				 <form name="contactForm" to="<?php echo base_url()?>mail/contact" id="contact_form" action="<?php echo base_url()?>mail/contact" method="post">
				 
				 	<div class="row-fluid">
			    		<!-- Alert Message for Contact Form -->
  						<div class="alert alert-error form-error-message" id="name_error">
							<button type="button" class="close" data-dismiss="alert">&times;</button>
							<span class="alert-icon"><i class="icon-fire icon-white"></i></span>
							<strong>Error!</strong> Favor ingresar su nombre.
						</div> 
						
						<div class="alert alert-error form-error-message" id="email_error">
							<button type="button" class="close" data-dismiss="alert">&times;</button>
							<span class="alert-icon"><i class="icon-fire icon-white"></i></span>
							<strong>Error!</strong> Favor ingresar un email valido.
						</div> 
						
						<div class="alert alert-error form-error-message" id="subject_error">
							<button type="button" class="close" data-dismiss="alert">&times;</button>
							<span class="alert-icon"><i class="icon-fire icon-white"></i></span>
							<strong>Error!</strong> Favor ingresar el Asunto.
						</div> 
						
						<div class="alert alert-error form-error-message" id="message_error">
							<button type="button" class="close" data-dismiss="alert">&times;</button>
							<span class="alert-icon"><i class="icon-fire icon-white"></i></span>
							<strong>Error!</strong> Favor ingresar el mensaje.
						</div> 
						<!--/ END Alert Message for Subscribe Form -->
  					</div> <!--/ .row-fluid -->
		    	
		    		<div class="row-fluid">
					
  						<div class="span6">	
  							<label>Nombre :</label>	
							<input name="thename" class="contact-input" id="name" type="text" placeholder="Ingrese su nombre...">
						</div>
						
						<div class="span6">
							<label>Email :</label>
							<input to="<?php echo base_url()?>mail/contact" name="email" class="contact-input" id="email" type="text" placeholder="Ingrese su e-mail...">
						</div>
  					
  					</div><!--/ .row-fluid -->
  					
  					<div class="row-fluid">
  						
  						<div class="span12">
  							
  							<label>Asunto :</label>
  							<input name="subject" class="contact-input" id="subject" type="text" placeholder="Ingese  asunto...">
  						</div>
  					
  					</div><!--/ .row-fluid -->
  					
  					<div class="row-fluid">
  						
  						<div class="span12">
  							
  							<label>Mensaje:</label>
  							<textarea id="message" name="message" rows="7" placeholder="Su mensaje"></textarea>
  						
  						</div>
  					
  					</div><!--/ .row-fluid -->
  					
  					<div class="row-fluid">
					
  						<div class="alert alert-success form-error-message" id="mail_success">
							  <button type="button" class="close" data-dismiss="alert">&times;</button>
							  <span class="alert-icon"><i class="icon-thumbs-up icon-white"></i></span>
							  <strong>Success!</strong>Tu mensaje ha sido enviado correctamente.
						</div> 
  					
						<div class="alert form-error-message" id="mail_fail">
						  	<button type="button" class="close" data-dismiss="alert">&times;</button>
						  	<span class="alert-icon"><i class="icon-bullhorn icon-white"></i></span>
						  	<strong>Sorry!</strong> Un error a ocurrido al enviar tu mensaje.
						</div>   					
  					
  					</div><!--/ .row-fluid -->
  					
  					<div class="row-fluid"> 
  					
    					<div class="span12" id="submit">
    						<input type="submit" id="send_message" class="send-button green-btn" name="submit" value="Send Message">
    					</div>
    					
    				</div><!--/ .row-fluid -->
    			
		    	</form>
			
			</div> <!--/ .modal-body -->
		
		</div>
		<!--/ END Contact Modal -->
		
		
		<!-- Footer Section -->
		<section id="footer">
	    
		    <div class="container">
		
		     	<div class="row">
		     	
		     		
		     		<div class="span6">
		     		
		     			<p class="copyright"><img src="http://www.metfind.com/assets/home/img/small-logo.png" alt="Footer Logo"/> © copyright 2013. Todos los derechos reservados</p>
		     		
		     		</div>
		     		
		     		<div class="span6">
		     		
		     			<ul class="social pull-right">
	    				</ul><!--/ .green-social -->
		     		
		     		</div>
		     		
		     	
		     	</div><!--/ .row -->
		
		    </div> <!-- / .container -->
	    
		</section>
		<!--/ #footer -->
	
	</div>
	<!--/ END Main Container -->
	
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster 
    <script src="js/jquery.js"></script>-->
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.metfind.com/assets/home/js/bootstrap.min.js"></script>
   <script type="text/javascript" src="http://www.metfind.com/assets/home/js/jquery.flexslider-min.js"></script>
    <script type="text/javascript" src="http://www.metfind.com/assets/home/js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" src="http://www.metfind.com/assets/home/js/jquery.scrollTo.js"></script>
    <script type="text/javascript" src="http://www.metfind.com/assets/home/js/jquery.nav.js"></script>
    <script type="text/javascript" src="http://www.metfind.com/assets/home/js/hopscotch-0.1.2.min.js"></script>
    <script type="text/javascript" src="http://www.metfind.com/assets/home/js/katemi.js"></script>
     <!--<script type="text/javascript" src="http://www.metfind.com/assets/home/js/katemi-take-tour.js"></script>-->

  </body>
</html>
